Exercícios/Exercício 19/index.html

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="Exercício 19 - Jovens Tegranos - Etapa de Nivelamento">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="../style.css">
        <title>Exercício 19</title>
    </head>
    <body>
        <div id="divInputs">
            <span id="titulo">Exercício 19</span>
            <p id="enunciado">Uma empresa vai conceder um aumento percentual de salário aos seus
                funcionários dependendo de quanto cada pessoa ganha, conforme tabela
                ao lado. Fazer um programa para ler o salário de uma pessoa, daí mostrar
                qual o novo salário dessa pessoa depois do aumento, quanto foi o aumento
                e qual foi a porcentagem de aumento.<br>
                Salário atual | Aumento<br>
                Até R$ 999.00 -> 20%<br>
                Entre R$ 1000.00 e R$ 2999.00 -> 15%<br>
                Entre R$ 3000.00 e R$ 7999.00 -> 10%<br>
                Acima de R$ 8000.00 -> 05%</p>
            
            <details>
                <summary>
                    Exemplo
                </summary>
                <div id="divExemplo">Digite o salario da pessoa: <span class="inputTexto">2500.00</span><br>
                    Novo salário = R$ 2875.00<br>
                    Aumento = R$ 375.00<br>
                    Porcentagem = 15 %
                </div>
            </details>
            
            <div id="formInputs">
                <label for="inputSalario">Digite o salário da pessoa: </label>
                <input class="input" id="inputSalario" type="number"></input>
            </div>
            <div id="button" class="button">Enviar</div>
            
            <div id="pageBDiv">
                <a class="button" href="../Exercício 18/index.html">Anterior</a>
                <a class="button" href="../Exercício 20/index.html">Próximo</a>
            </div>
            <script src="./script.js"></script>
        </div>
        <div id="divOutputs">
            <label for="outputArea" style="font-weight: bold;">Saída:</label>
            <textarea id="outputArea" readonly></textarea>
        </div>
    </body>
</html>